<div class="skill-box pt-0 op-white bd-white">
  <div class="header op-green fg-white">
      <img src="assets/images/avatar1.jpg" class="avatar">
      <div class="title">Jack Sparrow</div>
      <div class="subtitle">Pirate captain</div>
  </div>
  <ul class="skills">
      <li>
          <span class="h6">{{hitokoto?.hitokoto}}</span>
          <br/>
          <span class="badge bg-orange fg-white">{{hitokoto?.fromWho==null?hitokoto?.from:hitokoto?.fromWho}}</span>
      </li>
      <li>
          <span>Tasks</span>
          <span class="badge bg-cyan fg-white">5</span>
      </li>
      <li>
          <span>Completed Projects</span>
          <span class="badge bg-green fg-white">21</span>
      </li>
      <li>
          <span>Followers</span>
          <span class="badge bg-red fg-white">1024</span>
      </li>
  </ul>
</div>
